<template>
	<view class="radios">
		<li v-for="(item, index) in radios" :key="index">
			<image :src="item.picUrl" mode=""></image>
			<p>{{item.copywriter}}</p>
		</li>
	</view>
</template>
 
<script>
	export default {
		name: '',
		props: {
			radios: {
				type: Array,
				default() {
					return []
				}
			}
		},
		data(){
			return {
				
			}
		},
		created() {
		},
		methods:{
			
		}
	}
</script>
 
<style lang="less" scoped>
	.radios {
		margin-top: 15px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		li {
			width: 50%;
			height: 100px;
			margin-bottom: 10px;
			padding: 0 10px;
			position: relative;
			image {
				width: 100%;
				height: 100%;
				border-radius:6px;
			}
			p {
				position: absolute;
				bottom: 3px;
				left: 13px;
				color: #fff;
				font-size: 20upx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				width: 140px;
			}
		}
	}
</style>
